/*
* @Author: Rosen
* @Date:   2018-01-23 20:00:02
* @Last Modified by:   Rosen
* @Last Modified time: 2018-01-26 13:43:14
*/
import React                from 'react';
import { Link, NavLink }    from 'react-router-dom';

class NavSide extends React.Component{
    constructor(props){
        super(props);
    }
    render(){
        return (
            <div className="navbar-default navbar-side">
                <div className="sidebar-collapse">
                    <ul className="nav">
                        <li>
                            <NavLink exact activeClassName="active-menu" to="/">
                                <i className="fa fa-dashboard"></i>
                                <span>首页</span>
                            </NavLink>
                        </li>
                        <li className="active">
                            <Link to="/product">

                                <i className="fa fa-list"></i>{/*图片http://www.fontawesome.com.cn*/}
                                <span>商品</span>
                                <span className="fa arrow"></span>
                            </Link>
                            <ul className="nav nav-second-level collapse in">
                                <li>
                                    <NavLink to="/product" activeClassName="active-menu">商品管理</NavLink>
                                </li>
                                <li>
                                    <NavLink to="/product-category" activeClassName="active-menu">品类管理</NavLink>
                                </li>
                            </ul>
                        </li>

                        <li className="active">
                            <Link to="/evaluation">  {/*默认跳转*/}
                                <i class="fa fa-commenting-o" aria-hidden="true"></i>   {/*图片http://www.fontawesome.com.cn 路径在app,jsx配置*/}
                                <span>商城评价</span>
                                <span className="fa arrow"></span>
                            </Link>
                            <ul className="nav nav-second-level collapse in">
                                <li>
                                    <NavLink to="/evaluation" activeClassName="active-menu">商城评价管理</NavLink>
                                </li>
                            </ul>
                        </li>

                        <li className="active">
                            <Link to="/order">
                                <i className="fa fa-check-square-o"></i>
                                <span>订单</span>
                                <span className="fa arrow"></span>
                            </Link>
                            <ul className="nav nav-second-level collapse in">
                                <li>
                                    <NavLink to="/order" activeClassName="active-menu">订单管理</NavLink>
                                </li>
                            </ul>
                        </li>


                          <li className="active">
                            <Link to="/dynamic">  {/*默认跳转*/}
                                <i class="fa fa-star-half-o" aria-hidden="true"></i>   {/*图片http://www.fontawesome.com.cn  另外：所需路径在app,jsx配置*/}
                                <span>动态</span>
                                <span className="fa arrow"></span>
                            </Link>
                            <ul className="nav nav-second-level collapse in">
                                <li>
                                    <NavLink to="/dynamic" activeClassName="active-menu">搜索用户动态</NavLink>
                                </li>
                                 <li>
                                    <NavLink to="/dynamic-comments1" activeClassName="active-menu">用户动态一级评论</NavLink>
                                </li>
                                 <li>
                                    <NavLink to="/dynamic-comments2" activeClassName="active-menu">用户动态二级评论</NavLink>
                                </li>

                            </ul>
                        </li>


                        <li className="active">
                            <Link to="/user">
                                <i className="fa fa-user-o"></i>
                                <span>用户</span>
                                <span className="fa arrow"></span>
                            </Link>
                            <ul className="nav nav-second-level collapse in">
                                <li>
                                    <NavLink to="/user" activeClassName="active-menu">用户管理</NavLink>
                                </li>
                            </ul>
                        </li>

                    

                    </ul>

                </div>

            </div>
        );
    }
}

export default NavSide;